@charset "utf-8";
*{ margin:0; padding:0}
HTML {OVERFLOW-X: hidden;}
body{ font-size:15px;font-family:"microsoft yahei",arial;color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden ;}
a{color:#333;text-decoration:none; outline:none; /*transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-webkit-tap-highlight-color: rgba(0,0,0,0);　-webkit-tap-highlight-color: transparent;*/}
a:hover{color:#2f6292;}
img{ border:none;}
ol,ul,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{clear:both;zoom:1}
.clearfix{clear:both;zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
table{border-collapse:collapse;}
input,textarea{font-family:"microsoft yahei"; color:#666}
.wrap{ margin:0 auto; width:100%; max-width:1360px;}


@font-face {	
font-family: 'DINCondensedWeb Regular';	
src: url("../fonts/DINCondensedWeb Regular.eot");
src: url("../fonts/DINCondensedWeb Regular.eot") format("embedded-opentype"), 
url("../fonts/DINCondensedWeb Regular.woff") format("woff"), 
url("../fonts/DINCondensedWeb Regular.ttf") format("truetype"), 
url("../fonts/DINCondensedWeb Regular.svg") format("svg");	
font-weight: normal;
font-style: normal;}


#a1{ position: absolute;  margin-top:-200px;}
#a2{ position:absolute; margin-top:-200px;}
#a3{ position:absolute; margin-top:-200px;}
#a4{ position:absolute; margin-top:-200px;}
#a5{ position: absolute;  margin-top:-200px;}
#a6{ position:absolute; margin-top:-200px;}
#a7{ position:absolute; margin-top:-200px;}
#a8{ position:absolute; margin-top:-200px;}
#a9{ position: absolute;  margin-top:-200px;}
#a10{ position:absolute; margin-top:-200px;}
#a11{ position:absolute; margin-top:-200px;}
#a12 { position:absolute; margin-top:-200px;}



.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}

.section{ padding:65px 0 80px 0;}

.header{ background:#fff; position: fixed;  z-index:999999; width:100%; padding:20px 0 14px;}
.header .logo{ float:left; height:76px; width:auto; }
.header .logo img{ display:block; height:76px; width:auto}

.header .line{ float:left; background:#ddd; width:1px; height:56px; margin:10px 20px 10px 10px; }

.header .ad{ float:left; line-height:30px;}
.header .ad h3{ line-height:35px; font-size:30px;letter-spacing:4px; margin:3px 0; font-weight:bold;}
.header .ad p{ color:#2f6292; font-size:18px;}
.header .ad p span{ padding-left:19px;}
.header .ad p span:first-child{ padding-left:0}

.header .tel{ float:right; line-height:30px; margin-top:10px;}
.header .tel .tleft{ float:left; text-align:center}
.header .tel .tleft h3{ font-size:20px;}

.header .tel .telnum p.jv{letter-spacing:1.4px;}
.header .tel .telnum{ float:right; font-weight:bold; font-size:22px; color:#2f6292}

.nav{position: fixed; width:100%; margin-top:110px; background:#fff;z-index:99999;box-shadow: 0 0 10px #999; padding:6px 0;  border-top:solid 1px #ddd; background-image: linear-gradient(to top, #f7f7f7 0%, #fff 100%); }
.nav .menu{ float:left}
.nav .menu li{ float:left;}
.nav .menu li .menu_a{ font-size:17px; line-height:38px; display:block; text-align:center; padding:0 40px; margin-right:10px; position:relative}
.nav .menu .cur .menu_a, .nav .menu li:hover .menu_a{color:#fff; border-radius:25px; background-image: linear-gradient(to top, #364f8b 0%, #039d9d 100%); /*background:#2f6292*/}
/*.nav .menu li .menu_a:after {content: '';width: 0;height: 3px;background-color: #2f6292;position: absolute;left: 50%; bottom: -10px;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nav .menu .cur a:after, .nav .menu li:hover .menu_a:after {width: 100%}*/
.nav .menu li .sub{ position:absolute; z-index:99999;display:none;clear:both; z-index:999; box-shadow: 0 0 5px #ccc;background-image: linear-gradient(to top, #f7f7f7 0%, #fff 100%); width:100%; margin-top:6px;}
.nav .menu li .sub01{left:0;}
.nav .menu li .subin{ width:100%; max-width:1300px; margin:0 auto; padding:30px 0;}
.nav .menu li .sub01 .nlist{ float:left;width:calc(15% - 0.84px); padding-left:2%;border-right:solid 1px #ddd; min-height:290px;}  
.nav .menu li .sub01 .nlist:first-child{ padding-left:0}
.nav .menu li .sub01 .nlist:last-child{ border-right:none; }
.nav .menu li .sub .nlist h3{ margin-bottom:15px; border-left:solid 5px #2f6292; line-height:18px; height:18px; padding-left:10px;}
.nav .menu li .sub .nlist p{color:#666; line-height:28px;}
.nav .menu li .sub .nlist p{ line-height:30px;color:#666; font-weight:normal;}
.nav .menu li .sub p span{ margin-right:10px;color: #2f6292;}
.nav .menu li .sub p a{ display:block; color:#666}
.nav .menu li .sub p a:hover{ color:#2f6292}

.nav .menu li .sub02{ padding:15px; width:150px;box-shadow: 0 0 5px #ccc;}
.nav .sou { width:220px; height:35px; border-radius:25px; overflow:hidden;  background:#e7e7e7;border:none; float:right; margin-top:5px; }
.nav .sou .srk { float:left;width:160px; padding-left:20px; height:35px;line-height:35px;border:none;outline:none; background:#e7e7e7; color:#888; font-size:15px;}
.nav .sou .but { float:left;width:35px;height:35px;cursor:pointer;background:url(../images/sousuo.png) center center no-repeat; border:none;outline:none;}


.banner{ margin-top:163px; }
.nbanner{ margin-top:163px; }
.main02 {background: url(../images/mainbg.jpg) center top repeat-x;background-attachment: fixed;}
.main {background: url(../images/mainbg.jpg) center top repeat-x;background-attachment: fixed;}

.nextkong {padding-bottom: 100px;}
.prekong {padding-top: 58px;}

.pro-switch {overflow: hidden;width:100%;position: relative; height:80%}
.pro-switch .flexslider{ height:100%}
.pro-switch .flexslider .flex-viewport, .pro-switch .flexslider .flex-viewport .slides{ height:100%}
.pro-switch .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; }

.flexslider .slides img {width: 100%;display: block; height:auto}
.flexslider .slides li a{display:block}
.flexslider .slides li p{ margin-top:30px;}
.flexslider .slides li p a{ display:block; ; border: solid 2px #fff; color:#fff; line-height:40px; width:40px; width:165px; text-align:center;}

.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}

.flex-direction-nav a {width: 65px;height: 84px;margin: -65px 0 0;display: block;background: nones;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position:0 -84px;right:6%;}
.flex-direction-nav .flex-prev {left: 6%;}
.flexslider:hover .flex-next {opacity:0.2;filter:alpha(opacity=20);}
.flexslider:hover .flex-prev {opacity:0.2;filter:alpha(opacity=20);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:0.2;filter:alpha(opacity=20);}
.banner .flex-control-nav {width: 100%;position: absolute;bottom:30px;text-align: center;}
.banner .flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.banner .flex-control-paging li a {display:block;height:24px;width:24px; background:url(../images/bannerdw.png) no-repeat center center; overflow: hidden;text-indent:-99em;cursor: pointer;border-radius: 50%;transition: all .3s ease; }
.banner .flex-control-paging li a.flex-active {background:url(../images/bannerdg.png) no-repeat center center; margin-top:0px;}


.iproducts .wrap{ background:url(../images/iprobg.jpg) no-repeat 5% bottom; background-size:20% auto; position:relative;}
.iproducts .iprotitle{ width:23%; margin-right:2%; position:absolute;border-bottom: solid 3px #2f6292; left:0; top:0; height:calc(100% - 3px)}
.iproducts .iprotitle h3{ text-align:center; line-height:60px; font-size:35px; font-weight:bold; border-bottom:solid 1px #2f6292; border-top:solid 1px #2f6292; color:#2f6292; margin-bottom:20px;}
.iproducts .iprotitle h4{ font-size:32px; text-align:center;}
.iproducts .iprolist{ float:right; width:75%;}
.iproducts .iprolist li{ float:left; width:32%; margin-right:2%; margin-top:2%; position:relative; overflow:hidden;}
.iproducts .iprolist li:nth-child(1), .iproducts .iprolist li:nth-child(2), .iproducts .iprolist li:nth-child(3){ margin-top:0}
.iproducts .iprolist li:nth-child(3n){ margin-right:0}
.iproducts .iprolist li:nth-child(3n+1){ clear:both; }

.iproducts .iprolist li .pic{ display:block; width:100%; overflow:hidden;}
.iproducts .iprolist li .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.iproducts .iprolist li:hover img{transform:scale(1.1);}

.iproducts .iprolist li .iprobg{ position:absolute; width:100%; height:100%; left:0; top:0;}
.iproducts .iprolist li:hover .iprobg{ background:rgba(31,115,182,0.7)}

.iproducts .iprolist li p{ display:none}
.iproducts .iprolist li:hover p{ display: block}
.iproducts .iprolist li:hover h3{ display: none}
.iproducts .iprolist li:hover i{ display: none}

.iproducts .iprolist li .wenzi{ position:absolute; left:0; top:0%;  z-index:999;transition: all 1.5s; width:100%; display: table; height:100%;}
.iproducts .iprolist li .wenzi .inwenzi{display: table-cell;vertical-align: middle;width: 100%;}
.iproducts .iprolist li:hover .wenzi{ top:0%;}
.iproducts .iprolist .wenzi h3{ text-align:center; color:#fff; font-size:28px; line-height:65px; }
.iproducts .iprolist .wenzi h3 a{ color:#fff}
.iproducts .iprolist .wenzi i{ display:block; width:30px; height:3px; background:#2f6292; margin:0 auto 10px auto;}

.iproducts .iprolist .wenzi p{ float:left; width:46%; line-height:40px; font-size:14px;}
.iproducts .iprolist .wenzi p:nth-child(2n){ float:right}
.iproducts .iprolist .wenzi p:nth-child(2n+1){ margin-left:6%;}
.iproducts .iprolist .wenzi p a{ color:#fff; background:url(../images/jianright.png) left center no-repeat; background-size:10px auto; padding-left:12%; width:78%; transition: all 1s;}
.iproducts .iprolist .wenzi p a:hover{ background:url(../images/jianright.png) 15% center no-repeat;background-size:10px auto; padding-left:22%; }


.icase .title{ text-align:center; line-height:50px; }
.icase .title h3{ font-size:36px;}
.icase .conn{ padding:35px 0 65px 0;background:url(../images/qu.png) center bottom no-repeat;}
.icase .qimo8{ overflow:hidden; width:100%; height:320px}
.icase .qimo8 .qimo {width:1000%;}
.icase .qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
.icase .qimo8 .qimo ul li{ float:left;padding:0 15px 15px 15px; border-right:solid 1px #e8e8e8}
.icase .qimo8 .qimo ul li img{ height:235px; width:auto;}
.icase .qimo8 .qimo ul li .wenzi {text-align:center; }
.icase .qimo8 .qimo ul li .wenzi h3{ font-size:24px; color:#333; margin-bottom:10px;}
.icase .qimo8 .qimo ul li .wenzi p{color:#666; margin-bottom:20px;}

.icase .pic{ overflow:hidden;margin-bottom:15px; }
.icase .pic img {-webkit-transition: all ease 0.6s;-moz-transition: all ease 0.6s;-ms-transition: all ease 0.6s;transition: all ease 0.6s; width:100%; height:auto; }
.icase li:hover img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

.iabout .title{ text-align:center; line-height:50px; }
.iabout .title h3{ font-size:36px;}
.iabout .conn{ padding:35px 0 65px 0;background:url(../images/qu.png) center bottom no-repeat; line-height:30px; text-align:center; color:#666; font-size:16px;}
.iabout .conn span{ display:block; height:1px; overflow:hidden}
.iabout .piclist li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%}
.iabout .piclist li:nth-child(4n){ margin-right:0}
.iabout .pic{ overflow:hidden;margin-bottom:15px; }
.iabout .pic img {-webkit-transition: all ease 0.6s;-moz-transition: all ease 0.6s;-ms-transition: all ease 0.6s;transition: all ease 0.6s; width:100%; height:auto; }
.iabout li:hover img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}


.icon{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.icon img{ width:100%; height:auto;}
li:hover .icon{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}


.iabout .piclist li .icon{ width:60%; max-width:80px; margin:0 auto;}
.iabout .piclist li .icon img{ display:block; width:100%; height:auto; margin:15px auto 30px auto; opacity:1;filter:alpha(opacity=0);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
.iabout .piclist li:hover .icon img{opacity: 0.9;object-fit: cover;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}


.iabout .piclist li .wenzi h3{ font-size:24px; color:#333; margin-bottom:20px;}
.iabout .piclist li .wenzi p{ line-height:28px;}

.newslist{ margin-bottom:100px;}
.newslist .title h3{ font-size:32px; line-height:35px;margin-bottom:20px;}
.newslist .news{ float:left; width:65%; margin-right:25px;}
.newslist .aq{ float:left; width:calc(35% - 50px);}
.newslist .news .top1{ float:left; width:42%;}
.newslist .news .other{ float:right; width:calc(55% - 25px); padding-right:25px; border-right:solid 1px #e8e8e8}

.news .pic{ overflow:hidden; }
.news .pic img {-webkit-transition: all ease 0.6s;-moz-transition: all ease 0.6s;-ms-transition: all ease 0.6s;transition: all ease 0.6s; width:100%; height:auto; }
.news .top1:hover img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

.newslist h3{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; line-height:40px;  font-size:18px; color:#333}
.newslist p{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }

.newslist .news .top1 .wenzi{ text-align:center;}
.newslist .news .top1 .wenzi p{ color:#666}
.newslist .news .top1 a:hover h3{color:#2f6292;}

.newslist .news .other p, .newslist .aq p{ line-height:48px; border-bottom: dashed 1px #ddd; display:block;background:url(../images/jiantou.jpg) left center no-repeat; padding-left:18px;}
.newslist .news .other p:first-child, .newslist .aq p:first-child{border-top: dashed 1px #ddd;}

.newslist .news .other span, .newslist .aq span{ float:right;}


#scroll_outer{ width: 100%; height:285px;overflow: hidden;}
#scroll_inner{width: 100%;}


.footer{ padding:45px 0; background-color:#3d3d3d; color:#b9b9b9; line-height:30px;}
.footer h3 { font-size:18px; font-weight:bold; margin-bottom:15px;}
.footer h3 a{ color:#fff; font-size:16px;}
.footer p a {color:#b9b9b9; }
.footer p a:hover{color:#fff}
.footer .kuai01{ float:left; padding-right:70px; margin-right:80px; border-right:solid 1px #515151; min-height:265px}
.footer .kuai02{ float:left; padding-right:70px; border-right:solid 1px #515151; min-height:265px}
.footer .kuai03{ float:right;}

.footer .kuai01{ text-align:center;}
.footer .kuai01 .linex{ border-bottom:solid 1px #515151; padding-bottom:12px; margin-bottom:12px;}
.footer .kuai01 .linex img{ width:140px; display:block; margin:0 auto}
.footer .kuai02 h3{ margin-bottom:15px;color:#fff; font-size:16px;}
.footer .kuai02 li{ float:left; margin-right:100px;}
.footer .kuai02 li:last-child{ margin-right:15px}

.footer .kuai03 h1{ margin-bottom:15px;color:#fff; font-size:18px;}
.footer .kuai03 p{ padding-left:20px;}
.footer .kuai03 .tel{background:url(../images/tel.png) left center no-repeat;}
.footer .kuai03 .phone{background:url(../images/phone.png) left center no-repeat;}
.footer .kuai03 .add{background:url(../images/loc.png) left center no-repeat;}

.footer .kuai03 span{ color:#fff; font-size:24px;  font-weight:bold}

.copyright{ background:#2b2b2b; padding:30px 0; line-height:26px;color:#b9b9b9; text-align:center}
.copyright p a {color:#b9b9b9; margin-right:20px}
.copyright p a:last-child{ margin-right:0}
.copyright p a:hover{color:#fff}

.prolist .kuai{  margin-bottom:30px;}
.prolist .kuai h3{ line-height:50px; font-size:24px; color:#2f6292; font-weight:bold;}
.prolist .kuai .conn{ background:#fff;border-left:solid 1px #ddd; }
.prolist .kuai .conn li{ float:left; width:calc(25% - 1px); border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:2% 0; margin-top:-1px   }
.prolist .kuai .conn li .pic{ text-align:center; width:auto; margin:0 auto 15px auto;}
.prolist .kuai .conn li .pic img{ height:80px; width:auto;}
.prolist .kuai .conn li .wenzi{ font-size:15px; text-align:center; }


/*.proxiang #preview{ width:55%;float:left}*/
.proxiang #preview{ width:35%;float:left}
.jqzoom{position:relative; border:1px solid #e8e8e8; margin-bottom:20px;overflow:hidden; text-align:center}
.jqzoom img{ width:100%;display:inline-block; vertical-align:middle}
.jqzoom i{display:inline-block; width:0; height:100%; vertical-align:middle}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px; background:url(../images/zoom_bg.gif) repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}


.proxiang{ border-bottom:solid 1px #ddd; padding-bottom:60px; margin-bottom:60px;}
/*.proxiang .proright{ width:40%;float:right; position:relative }*/
.proxiang .proright{ width:60%;float:right; position:relative }
.proxiang .proright h3{ font-size:24px; font-weight:bold; margin-bottom:15px; line-height:50px; color:#2f6292}
.proxiang .proright .jian{ line-height:30px; color:#999; margin-bottom:100px;}


.proxiang .readMoreBtn {position: absolute;margin:0 auto;display: block; left:0%; margin-left:0px; text-align:center}
.proxiang .readMoreBtn span { width:150px;background-image: linear-gradient(to top, #364f8b 0%, #039d9d 100%); border-radius:25px; border: 1px solid #2f6292;height:42px;line-height: 42px;font-weight: bold;color: #fff;display: inline-block;-webkit-transition: all ease 0.6s;-moz-transition: all ease 0.6s;-ms-transition: all ease 0.6s;transition: all ease 0.6s; font-size:15px;}
.proxiang .readMoreBtn span:hover {background: #fff;color: #2f6292;}

.xiamian{border-bottom:solid 1px #ddd; }


.pro-content{ padding-bottom:35px; clear:both;border-right:solid 1px #ddd; padding-right:30px;float:left; width:calc(78% - 31px); min-height:500px;}
.protab-list a{ display: inline-block;line-height:40px; color:#333;width:auto; padding:0 25px; margin-right:2px; margin-bottom:5px;border-radius:25px; text-align:center; background:#ddd;cursor:pointer}
.protab-list a.active{ background-image: linear-gradient(to top, #364f8b 0%, #039d9d 100%); color:#fff;}
.protab-con{ padding:20px 0 0 0; line-height:32px;}
.protab-con .protab-con-hd{ display:none;}
.protab-con .protab-con-hd.active{ display:block}

.protab-con .protab-con-hd h3{ font-size:20px; margin-bottom:10px;color: #2f6292;}

.protab-con .protab-con-hd .table td{ border-bottom:1px solid #d8d8d8; padding:5px 10px}
.protab-con .protab-con-hd .table tr:first-child{ border-top:1px solid #d8d8d8}
.protab-con .protab-con-hd .table tr:nth-child(2n){ background:#ddd}
.protab-con .protab-con-hd .table1 td{ border:1px solid #d8d8d8; padding:5px 10px}
.protab-con .protab-con-hd .table1 .firstRow{background:#989898;color: #fff; font-weight:bold}
.protab-con .protab-con-hd .table1 tr:nth-child(2n){ background:#f5f5f5}
.protab-con .protab-con-hd p{ padding-bottom:5px}
.protab-con .protab-con-hd table p{ padding-bottom:0px; line-height:27px;}
.protab-con table{ border-top:solid 1px #ddd;border-left:solid 1px #ddd;}
.protab-con td{ border-bottom:solid 1px #ddd;border-right:solid 1px #ddd; padding:5px 12px; line-height:38px;}
.protab-con tr td:first-child { background:#f4f4f4;}

.protab-con-hd .youxi { margin-bottom:20px; display:table}
.protab-con-hd .youxi .pic{ float:left; width:30%;}
.protab-con-hd .youxi .pic img{ width:100%; height:auto}
.protab-con-hd .youxi .wenzi { float:right; width:66%;display: table-cell;vertical-align: middle;}
.protab-con-hd .youxi .wenzi h3{ font-size:20px;}

.protab-con-hd img{ width:100%; height:auto}

.protab-con-hd .wenda li{ margin-bottom:20px;}
.protab-con-hd .wenda h3{ background: url(../images/icon_question.png) no-repeat left 4px; background-size:25px; padding-left:35px;}
.protab-con-hd .wenda p{ background: url(../images/icon_answer.png) no-repeat left 4px; background-size:25px; padding-left:35px;}

.fanhui a{ display:block; margin:40px auto 0 auto; width:150px; line-height:45px; text-align:center; background:#2f6292; border:solid 1px #2f6292; color:#fff}
.fanhui a:hover{ background:#fff; color:#2f6292}


.proyou{ float:right; width:20%}
.proyou .title{color: #2f6292; line-height:45px; margin-bottom:15px; font-size:20px; }
.proyou li{ margin-bottom:20px; border-bottom: dashed 1px #ddd;}

.proyou li .pic{ float:left; width:40%}
.proyou li .pic img{ height:70px; width:auto; display:block; margin:0 auto; }
.proyou li .wenzi{ margin-bottom:10px; text-align:center; float:right; width:50%; font-size:15px; line-height:70px;}

.tuijansp .title{background: #2f6292;color: #fff;line-height: 40px;font-size: 16px;width: 200px; text-align:center;background-image: linear-gradient(to top, #364f8b 0%, #039d9d 100%); border-radius:25px;}
.tuijansp .conn{ margin-top:30px;}
.tuijansp .conn li{ float:left; width:calc(23.5% - 2px); margin-right:2%; border:solid 1px #ddd; background:#fff; text-align:center; margin-bottom:2%}
.tuijansp .conn li:nth-child(4n){ margin-right:0}
.tuijansp .conn li:nth-child(4n+1){ clear:both}
.tuijansp .pic{ overflow:hidden; }
.tuijansp .pic img {-webkit-transition: all ease 0.6s;-moz-transition: all ease 0.6s;-ms-transition: all ease 0.6s;transition: all ease 0.6s; width:100%; height:auto; }
.tuijansp li:hover img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

.tuijansp .wenzi{ line-height:40px; margin-bottom:10px;}

.nguide{ margin-bottom:20px;}
.nguide li{ float:left; margin-right:10px;}
.nguide li a{background: #ddd;color: #333;line-height: 40px;font-size: 16px;width: 150px; text-align:center; display:block}
.nguide li a:hover,.nguide li .cur{background: #2f6292;color: #fff;}

.topnav{  margin-bottom:35px; text-align:center}
.topnav ul{ text-align:center; display:inline-block; vertical-align:middle; font-size:0}
.topnav li{ display:inline-block;line-height:40px; margin:0 5px 10px 0}
.topnav li a{ display:block; font-size:17px;padding:0px 40px;color:#333; background:#e6e6e6; border-radius:25px;/*-webkit-border-radius:25px;-moz-border-radius:25px; border-radius:25px;*/}
.topnav li a.cur,.topnav li a:hover{ background-image: linear-gradient(to top, #364f8b 0%, #039d9d 100%); color:#fff}


.casex .caseleft{border-right:solid 1px #ddd; padding-right:30px; float:left; width:calc(68% - 31px)}
.casex .caseleft .title{ margin-bottom:20px;border-bottom:solid 1px #ddd;padding-bottom:20px;}
.casex .caseleft .title h3{ line-height:40px; font-size:24px; margin-bottom:10px; font-weight:bold}
.casex .caseleft .title p{ color:#666;}

.casex .caseleft .conn h3{color:#2f6292; font-size:18px; line-height:45px;}
.casex .caseleft .conn video{ width:100%; height:auto}
.casex .caseleft .conn .jian{ padding:25px 0 50px 0; line-height:28px;}

.casex .caseright{float:right; width:29%}


.caseright .title{color: #2f6292;line-height: 45px;margin-bottom: 15px;font-size: 20px;}
.caseright .remenq li{ float:left;  margin-right:5px; margin-bottom:10px;}
.caseright .remenq li a{padding:8px 20px; border:solid 1px #ddd; display:block}
.caseright .remenq li a:hover{background: #2f6292;color: #fff;}

.caseright .tuijian{ margin-top:35px;}
.caseright .tuijian .conn li{ float:left; width:48%;}

.caseright .tuijian .conn li{ float:left; width:47%;  border:solid 1px #ddd; background:#fff; text-align:center; margin-bottom:6%}
.caseright .tuijian .conn li:nth-child(2n){ float:right}
.caseright .tuijian .conn li:nth-child(2n+1){ clear:both}
.caseright .tuijian .pic{ overflow:hidden; }
.caseright .tuijian .pic img {-webkit-transition: all ease 0.6s;-moz-transition: all ease 0.6s;-ms-transition: all ease 0.6s;transition: all ease 0.6s; width:100%; height:auto; }
.caseright .tuijian li:hover img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.caseright .tuijian .wenzi{ line-height:30px; margin-bottom:5px;}

.aboutjian .conn{ max-width:1000px; margin:0 auto; text-align:center; line-height:35px;}
.aboutjian .conn h1{color: #2f6292; font-size:28px; font-weight:bold}
.aboutjian .conn h3{ margin-top:40px;}
.aboutjian .conn h1{ margin-top:50px;}
.aboutjian .conn h2{ margin-top:80px;}



.honorlist .conn li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%}
.honorlist li:nth-child(4n){ margin-right:0}
.honorlist li:nth-child(4n+1){ clear:both}
.honorlist li{ overflow:hidden; }
.honorlist li:hover{box-shadow: 0 0 10px rgba(175, 175, 175, 0.3);}
.honorlist li img { display:block;-webkit-transition: all ease 0.6s;-moz-transition: all ease 0.6s;-ms-transition: all ease 0.6s;transition: all ease 0.6s; width:100%; height:auto; }
.honorlist li:hover img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

.huobanlist .conn{border-left:solid 1px #ddd;}
.huobanlist .conn li{ float:left; width:calc(16.66% - 1px); background:#fff; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:2% 0; margin-top:-1px}
.huobanlist .conn li img{ height:100px; width:auto; display:block; margin:0 auto}


.xinwenli{ padding:15px 0}
.xinwenli:hover{ background:#f5f5f5}
.xinwenli .pic{ float:left; width:25%;overflow:hidden; display:block; border:solid 1px #ddd}
.xinwenli .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s; display:block;}
.xinwenli:hover img{transform:scale(1.1); }
.xinwenli .newscon{ float:right; width:73%;}
.xinwenli .newscon h3{ line-height:50px; color:#333; font-weight:bold; font-size:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xinwenli:hover .newscon h3{ color:#2f6292;}
.xinwenli .newscon .times{ float:right; color:#999; font-weight:normal; font-size:16px;}
.xinwenli .newscon p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:30px;color:#666; clear:both}
.xinwenli .newscon .mores{ float:right; width:150px; line-height:35px; text-align:center; border:solid 1px #ddd; color:#999; margin-top:25px;}
.xinwenli:hover .newscon .mores{ background:#2f6292; color:#fff;border:solid 1px #2f6292;}



.newsxiang .title{ margin-bottom:20px;border-bottom:solid 1px #ddd;padding-bottom:20px;}
.newsxiang .title h3{ line-height:40px; font-size:24px; margin-bottom:10px; font-weight:bold}
.newsxiang .title p{ color:#666;}

.newsxiang .conn{ line-height:30px;}
.newsxiang .conn img{ width:auto; max-width:100%; margin:15px auto; display:block}


.aqli{ padding:15px 0 20px 0}
.aqli:hover{ background:#f5f5f5}
.aqli .newscon h3{ line-height:50px; color:#333; font-weight:bold; font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../images/q.png) no-repeat left center; background-size:24px auto;padding-left: 40px;}
.aqli:hover .newscon h3{ color:#2f6292;}
.aqli .newscon .times{ float:right; color:#999; font-weight:normal; font-size:16px;}
.aqli .newscon p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden; line-height:30px;color:#666; clear:both; background: url(../images/a.png) no-repeat left 0;background-size:24px auto;padding-left:40px;}
.aqli .newscon .mores{ float:right; width:150px; line-height:35px; text-align:center; border:solid 1px #ddd; color:#999; margin-top:25px;}
.aqli:hover .newscon .mores{ background:#2f6292; color:#fff;border:solid 1px #2f6292;}

.lianxi{ background-color:#fff; border-bottom:solid 1px #ddd}
.lianxfs{ width:40%; padding: 3% 5%; float:right; line-height:38px}

.lianxfs h2{font-size:30px;line-height: 60px;}

.lianxfs h1{ margin-bottom:15px;font-size:24px; margin-bottom:20px;}
.lianxfs p{ padding-left:20px;}
.lianxfs .tel{background:url(../images/tel.png) left center no-repeat;}
.lianxfs .phone{background:url(../images/phone.png) left center no-repeat;}
.lianxfs .add{background:url(../images/loc.png) left center no-repeat;}
.lianxfs span{ font-size:28px;  font-weight:bold; color: #2f6292}

.map{ float:left; width:50%; height:420px;}

.baidulx {margin:30px auto; padding:20px 0; max-width:1050px; }
.baidulx .lxicon{ float:left; width:20%; }
.baidulx .lxicon img{ width:100%;max-width:160px; height:auto}
.baidulx .lxleft{ float:left; }
.baidulx .lxleft h3{ font-size:20px; line-height:45px; margin-top:20px;}
.baidulx .lxright{ float:right;margin-right:10%}
.baidulx .lxright a{ width:150px; height:42px; line-height:42px; color:#fff;background: #ff6700; border:solid 1px #ff6700; margin-top:30px; display:block; text-align:center}
.baidulx .lxright a:hover{ color:#ff6700; background-color:#fff;}

.weixinlx { padding:0px 0 60px 0;max-width:1050px;margin:0px auto; }
.weixinlx .lxicon{ float:left; width:20%;}
.weixinlx .lxicon img{ width:100%;max-width:160px; height:auto}
.weixinlx .lxleft{ float:left;margin-right:10%}
.weixinlx .lxleft h3{ font-size:20px; line-height:45px; margin-top:20px;}
.weixinlx .lxright{ float:right;margin-right:10%; width:150px; text-align:center}
.weixinlx .lxright img{ border:solid 1px #ddd;}